<template>
  <div class="kill">
    <h2>
      {{ baseInfo.price }} <span>{{ baseInfo.otPrice }}</span>
    </h2>
    <h3>{{ baseInfo.storeName }}</h3>
    <div class="kill-info">
      <p>类型：{{ baseInfo.people }}人团</p>
      <p>累计销量：{{ baseInfo.sales }}{{ baseInfo.unitName }}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "Vue2FxhKill",
  props: ["baseInfo"],
  data() {
    return {};
  },
  created() {},
};
</script>

<style lang="scss" scoped>
.kill {
  width: 90vw;
  height: 100px;
  background-color: lightblue;
  box-shadow: 0 0 10px 2px #999;
  border-radius: 3px;
  padding: 10px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  .kill-info {
    display: flex;
    height: 30px;
    align-items: center;
    p {
      width: 50%;
      flex-shrink: 0;
    }
  }
}
</style>
